<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
 	  xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">

		<ui:composition template="/plantillas/comun.xhtml">
			<ui:define name="pageTitle">
				<h:outputText value="Proyectos - Vimeworks"/>
			</ui:define>
			<ui:define name="pageContent">
				<h:form>
					<h3>
						<h:outputText value="Listado de Proyectos"/>
					</h3>
					<h:panelGrid columns="3">
						<h:outputText value="Empresa:" />
						<rich:select value="#{proyectos.empresaBusqueda}" defaultLabel="[Todas]">
							<f:selectItem itemLabel="[Todas]" itemValue="0"/>
							<f:selectItems value="#{proyectos.listaEmpresas}" var="empresa" itemValue="#{empresa.codigo}" itemLabel="#{empresa.nombre}"/>
						</rich:select>
						<br/>
						<h:outputText value="Nombre:" />
						<h:inputText value="#{proyectos.nombreBusqueda}"/>
						<a4j:commandButton value="Buscar" action="#{proyectos.buscar}" render="listadoProyectos" execute="@form"/>
					</h:panelGrid>
					<br/><br/>
					<h:panelGroup id="listadoProyectos">
						<rich:dataTable id="tablaProyectos" value="#{proyectos.listaProyectos}" var="proyecto" rows="10" noDataLabel="No se han encontrado resultados">
							<rich:column>
								<f:facet name="header">
									<h:outputText value="C&#243;digo" />
								</f:facet>
								<h:outputText value="#{proyecto.codigo}" />
							</rich:column>
							<rich:column>
								<f:facet name="header">
									<h:outputText value="Nombre" />
								</f:facet>
								<h:outputText value="#{proyecto.nombre}" />
							</rich:column>
							<rich:column>
								<f:facet name="header">
									<h:outputText value="Empresa" />
								</f:facet>
								<h:outputText value="#{proyecto.recursoCliente.empresaCliente.nombre}" />
							</rich:column>
							<rich:column>
								<f:facet name="header">
									<h:outputText value="Contacto" />
								</f:facet>
								<h:outputText value="#{proyecto.recursoCliente.nombre}" />
							</rich:column>
							<rich:column>
								<f:facet name="header">
									<h:outputText value="Jefe de Proyecto" />
								</f:facet>
								<h:outputText value="#{proyecto.jefeProyecto.nombre} #{proyecto.jefeProyecto.apellido}" />
							</rich:column>
							<rich:column>
								<h:commandLink action="#{proyectos.editarProyecto}">
									<h:graphicImage value="/images/info.png" width="20px" height="20px" title="Editar"/>
									<f:setPropertyActionListener target="#{proyectos.proyecto}" value="#{proyecto}"/>
								</h:commandLink>
								<h:outputText value="&#160;&#160;&#160;"/>
								<h:commandLink action="#{proyectos.verTareas}">
									<h:graphicImage value="/images/tareas.png" width="20px" height="20px" title="Ver Tareas"/>
									<f:setPropertyActionListener target="#{proyectos.proyecto}" value="#{proyecto}"/>
								</h:commandLink>
							</rich:column>
						</rich:dataTable>
						<rich:dataScroller for="tablaProyectos" maxPages="5" />
					</h:panelGroup>
				</h:form>
			</ui:define>
		</ui:composition>
	
</html>